<template>
  <div class="container">
    <header v-if="$slots.header">
      <slot name="header"> header</slot>
    </header>
    <main>
      <slot> main</slot>
    </main>
    <footer>
      <slot name="footer"> footer </slot>
    </footer>
  </div>
</template>

<script setup lang="ts"></script>

<style lang="scss" scoped>
header {
  background-color: goldenrod;
}
</style>
